/**
 * 模仿android里面的Toast效果，主要是用于在不打断程序正常执行的情况下显示提示数据，依赖于jquery
 * @param config
 * @return
 */
var Toast = function (config) {
    this.context = config.context == null ? $('body') : config.context;//上下文
    this.message = config.message;//显示内容
    this.time = config.time == null ? 3000 : config.time;//持续时间
    this.left = config.left;//距容器左边的距离
    this.top = config.top;//距容器上方的距离
    this.init();
}
var msgEntity;
Toast.prototype = {
    //初始化显示的位置内容等
    init: function () {
        $("#toastMessage").remove();
        //设置消息体
        var msgDIV = new Array();
        msgDIV.push('<div id="toastMessage">');
        msgDIV.push('<span>' + this.message + '</span>');
        msgDIV.push('</div>');
        msgEntity = $(msgDIV.join('')).appendTo(this.context);
        //设置消息样式
        var left = this.left == null ? this.context.width() / 2 - msgEntity.find('span').width() / 2 : this.left;
        var top = this.top == null ? this.context.height() / 2 - msgEntity.find('span').height() / 2 : this.top;
        msgEntity.css({
            position: 'absolute',
            top: top,
            'z-index': '99999999',
            left: left,
            'background-color': 'black',
            color: 'white',
            'font-size': '1rem',
            padding: '.6rem .8rem',
            margin: 'auto',
            '-moz-border-radius': '0.3rem',
            '-webkit-border-radius': '0.3rem',
            'border-radius': '0.3rem'
        });
        msgEntity.hide();
    },
    //显示动画
    show: function () {
        msgEntity.show();
        msgEntity.fadeOut(this.time);
    }

}

/**
 * 打开一个toast
 * @param str
 * @param time
 */
function jqOpenToast(str, time) {
    new Toast({context: $('body'), message: str, time: time}).show();
}